<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/aos.css">
    <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/GoToTop.js"></script>
</head>
<body>
    <!--头部开始-->
    <div class="header" id="nv">
        <div class="wrap">
            <div class="logo left">
                <a href="index.html">
                    <img src="images/logo.png" alt="">
                    <div class="top_bt left">
                        <p>茶叶协会官网 </p>
                        <span>www.cha**ui.top</span>
                    </div>
                </a>
            </div>
            <ul class="nav left">
                <li>
                    <a href="index.html" class="active">首页</a>
                </li>
                <li>
                    <a href="关于我们.html">关于我们</a>
                    <ul class="sub_menu">
                        <li><a href="关于我们.html">公司简介</a></li>
                        <li><a href="关于我们.html">荣誉资质</a></li>
                        <li><a href="关于我们.html">企业文化</a></li>
                        <li><a href="关于我们.html">联系我们</a></li>
                    </ul>
                </li>
                <li>
                    <a href="产品中心.html">产品中心</a>
                    <ul class="sub_menu">
                        <li><a href="产品中心.html">乌龙茶系列</a></li>
                        <li><a href="产品中心.html">花茶系列</a></li>
                        <li><a href="产品中心.html">普洱系列</a></li>
                        <li><a href="产品中心.html">茶食品系列</a></li>
                        <li><a href="产品中心.html">茶月饼系列</a></li>
                        <li><a href="产品中心.html">茶具系列</a></li>
                    </ul>
                </li>
                <li>
                    <a href="新闻列表.html">新闻动态</a>
                    <ul class="sub_menu">
                        <li><a href="新闻列表.html">公司新闻</a></li>
                        <li><a href="新闻列表.html">行业动态</a></li>
                        <li><a href="新闻列表.html">媒体报告</a></li>
                        <li><a href="新闻列表.html">茶叶知识</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">品牌简介</a>
                </li>
                <li>
                    <a href="合作交流.html">合作交流</a>
                    <ul class="sub_menu">
                        <li><a href="合作交流.html">合作介绍</a></li>
                        <li><a href="合作交流.html">意向提交</a></li>
                        <li><a href="合作交流.html">成功案例</a></li>
                        <li><a href="合作交流.html">信息发布</a></li>
                    </ul>
                </li>        
            </ul>
            
            <div class="logbox right">
                <a href="javascript:;" class="log_btn">登陆</a>
                <a href="">注册</a>
            </div>

        </div>
    </div>
    <!--头部结束-->


    <!--banner-->
<div class="banner">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="images/banner.jpg" alt=""></div>
        <div class="swiper-slide"><img src="images/banner.jpg" alt=""></div>
        <div class="swiper-slide"><img src="images/banner.jpg" alt=""></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
 </div>


 <div class="about_us">
     <div class="index_title wrap" aos="fade-up">
         <h3>关于我们</h3>
         <p>以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
     </div>
     <div class="us_box" aos="fade-up">
         <div class="us_nr wrap">
             <div class="box_f right" aos="fade-left">
                 <h3>公司简介</h3>
                 <span>COMPANY PROFILE</span>
                 <p>某某省茶叶协会，其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业、事业单位和茶业工作者及省外茶商自愿参加组建成立的社会团体。
                    本协会宗旨是：以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策。热忱为茶农、茶企、茶叶工作者和会员服务，维护本行业的合法权益，为各级政府制定发展茶产业政策当好参谋和助手，为促进茶产业的发展发挥桥梁纽带作用。某某省茶叶协会的主管部门是某某省供销社，协会是在某某省民政厅的指导和监督下开展工作的社团组织，现有团体会员166个，个人会员156名。</p>
                    <a href="">了解更多</a>
             </div>
         </div>
     </div>
 </div>

 <div class="index_case">
     <div class="wrap">
        <div class="index_title" aos="fade-up">
            <h3 class="h_bj">成功案例</h3>
            <p>以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
        </div>
        <div class="case_box">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="">
                        <div class="pic"><img src="./images/c5.jpg" alt=""></div>
                        <div class="wz">
                            <h3>绿茶茶渣做枕可助眠</h3>
                            <p>泡过的茶怎么办？扔之可惜，但又有什么用处呢？山国饮艺茗茶的茶师林师傅表示，其实用它来装枕头也是个不错</p>
                        </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <div class="pic"><img src="./images/c3.jpg" alt=""></div>
                        <div class="wz">
                            <h3>绿茶茶渣做枕可助眠</h3>
                            <p>泡过的茶怎么办？扔之可惜，但又有什么用处呢？山国饮艺茗茶的茶师林师傅表示，其实用它来装枕头也是个不错</p>
                        </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <div class="pic"><img src="./images/c4.jpg" alt=""></div>
                        <div class="wz">
                            <h3>绿茶茶渣做枕可助眠</h3>
                            <p>泡过的茶怎么办？扔之可惜，但又有什么用处呢？山国饮艺茗茶的茶师林师傅表示，其实用它来装枕头也是个不错</p>
                        </div>
                    </a>
                </div>
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-nexta"></div>
            <div class="swiper-button-preva"></div>
        </div>
        <div class="more">
            <a href="" class="more">了解更多</a>
        </div>
     </div>
 </div>

 <div class="index_brand">
     <div class="wrap">
        <div class="index_title" aos="fade-up">
            <h3 class="h_bj">茶叶毛尖<span>品牌</span></h3>
            <p>以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
        </div>
        <ul class="brand_box" aos="fade-up">
            <li>
                <h3>【茶叶毛尖简介】</h3>
                <p>其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业</p>
            </li>
            <li>
                <h3>【茶叶毛尖价值】</h3>
                <p>茶中的茶多酚和鞣酸作用于细菌，能凝固细菌的蛋白质，将细菌杀死。可用于治疗肠道疾病，如霍乱、伤寒、痢疾、肠炎等。皮肤生疮、溃烂流脓，外伤破了皮</p>
            </li>
            <li>
                <h3>【茶叶毛尖历史】</h3>
                <p>唐代茶经的作者陆羽，在文中将荼字减一画而写成“茶”，因此有人说茶起源于唐代。但实际上这只是文字的简化，而且在汉代就已经有人用茶字了。</p>
            </li>
        </ul>
     </div>
 </div>

 <div class="index_product">
     <div class="p_title">
        <div class="index_title" aos="fade-up">
            <h3 class="h_bj">产品中心</h3>
            <p>以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
        </div>
     </div>
     <ul class="product_list wrap" aos="flip-up">
         <li>
             <a href="产品详情.html">
                 <div class="pic"><img src="./images/p2.jpg" alt=""></div>
                 <div class="wz">
                     <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                     <p>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
                 </div>
             </a>
         </li>
         <li>
            <a href="产品详情.html">
                <div class="pic"><img src="./images/p3.jpg" alt=""></div>
                <div class="wz">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <p>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
                </div>
            </a>
        </li>
        <li>
            <a href="产品详情.html">
                <div class="pic"><img src="./images/p4.jpg" alt=""></div>
                <div class="wz">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <p>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
                </div>
            </a>
        </li>
        <li>
            <a href="产品详情.html">
                <div class="pic"><img src="./images/p5.jpg" alt=""></div>
                <div class="wz">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <p>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
                </div>
            </a>
        </li>
        <li>
            <a href="产品详情.html">
                <div class="pic"><img src="./images/p6.jpg" alt=""></div>
                <div class="wz">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <p>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
                </div>
            </a>
        </li>
        <li>
           <a href="产品详情.html">
               <div class="pic"><img src="./images/p2.jpg" alt=""></div>
               <div class="wz">
                   <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                   <p>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
               </div>
           </a>
       </li>
       <li>
           <a href="产品详情.html">
               <div class="pic"><img src="./images/p6.jpg" alt=""></div>
               <div class="wz">
                   <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                   <p>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
               </div>
           </a>
       </li>
       <li>
           <a href="产品详情.html">
               <div class="pic"><img src="./images/p5.jpg" alt=""></div>
               <div class="wz">
                   <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                   <p>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
               </div>
           </a>
       </li>
     </ul>
     <div class="more">
        <a href="产品中心.html" class="more">了解更多</a>
    </div>
 </div>

 <div class="index_partner wrap" aos="flip-down">
    <div class="index_title">
        <h3 class="h_bj">合作客户</h3>
        <p>以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
    </div>
    <ul class="partner_box">
        <li><a href=""><img src="./images/lk1.jpg" alt=""></a></li>
        <li><a href=""><img src="./images/lk2.jpg" alt=""></a></li>
        <li><a href=""><img src="./images/lk1.jpg" alt=""></a></li>
        <li><a href=""><img src="./images/lk2.jpg" alt=""></a></li>
        <li><a href=""><img src="./images/lk1.jpg" alt=""></a></li>
        <li><a href=""><img src="./images/lk2.jpg" alt=""></a></li>
        <li><a href=""><img src="./images/lk1.jpg" alt=""></a></li>
        <li><a href=""><img src="./images/lk2.jpg" alt=""></a></li>
        <li><a href=""><img src="./images/lk1.jpg" alt=""></a></li>
        <li><a href=""><img src="./images/lk2.jpg" alt=""></a></li>
    </ul>
 </div>

 <div class="index_cx">
     <div class="wrap">
         <h3>产品信息快速查询</h3>
         <form action="">
             <input type="text" name="xx" placeholder="请输入关键字">
             <input type="submit" value="搜索">
         </form>
     </div>
 </div>

 <div class="footer">
     <div class="f_nav">
         <ul class="wrap">
             <li><a href="index.html">网站首页</a></li>
             <li><a href="关于我们.html">关于我们</a></li>
             <li><a href="产品中心.html">产品中心</a></li>
             <li><a href="新闻列表.html">新闻动态</a></li>
             <li><a href="#">品牌简介</a></li>
             <li><a href="合作交流.html">合作交流</a></li>
         </ul>
     </div>
     <div class="f_message wrap">
         <div class="m_box1 left">
            <h3>联系我们</h3>
            <p>地址：某某市友谊路258号（百灵·尚品一号B-2-8-2）</p>
            <p>邮编：5**0000　</p>
            <p>电话：400-***-000</p>
            <p>联系人：精品茶叶官方宣传网站</p>
         </div>
         <ul class="m_box2 left">
             <li>
                 <h3>关于我们</h3>
                 <a href="">关于我们</a>
                 <a href="">联系我们</a>
                 <a href="">企业文化</a>
                 <a href="">荣誉资质</a>
             </li>
             <li>
                <h3>合作交流</h3>
                <a href="">成功案例</a>
                <a href="">合作介绍</a>
                <a href="">信息发布</a>
                <a href="">意向提交</a>
            </li>
            <li>
                <h3>产品中心</h3>
                <a href="">乌龙茶系列</a>
                <a href="">花茶系列</a>
                <a href="">普洱系列</a>
                <a href="">茶食品系列</a>
            </li>
         </ul>
         <div class="rwm right">
             <img src="./images/erweima.png" alt="">
             <p>微信公众号</p>
         </div>
     </div>
     <div class="f_copyright">
         <p class="wrap">
            COPYRIGHT WWW.GZ**.ORG　版权所有：精品茶叶官方宣传网站       ICP备案编号：黔ICP备140***33号-1
         </p>
     </div>
 </div>


 <div id="online">
    <a href="">
        <span>在线客服</span>
    </a>
    <a href="">
        <span>8888888</span>
    </a>
    <a href="">
        <span>微信咨询</span>
    </a>
    <a href="javascript:;" id="fh">
        <span>返回顶部</span>
    </a>

 </div>


 <div class="log_box">
      
    <div class="log_form">
        <span class="gb_log"></span>
        <h3>登陆</h3>
        <form action="./产品中心.html" class="formbox">
            <p>
                <label>账号：</label>
                <input type="text" class="user" value="">
                <img src="./images/delete.png" class="del_btn"> 
                <span class="user-msg"></span>
            </p>
            
            <p>
                <label>密码：</label>
                <input type="password" class="pass">
                <img src="./images/close.png" class="eye_btn"> 
                <span class="pass-msg"></span>
            </p>
            <p>
                <input type="submit" value="提交" class="sub">
            </p>
        </form>
    </div>

 </div>




 <div class="sx_box">
     <p>三国</p>
     <p>重装</p>
     <p>决斗</p>
     <p>永森</p>
 </div>


 <script src="./js/log.js"></script>
 <script src="./js/online.js"></script>
 <script src="./js/caidan.js"></script>


 <!-- <div class="goTop" id="js-go_top"><img src="images/icon_top.png" alt="回到顶部图片"></div> -->

 <!--回到顶部-->
<!-- <script>
    //示例
    $('#js-go_top').gotoTop({
        offset : 500, //距离顶部的位置
        speed : 300, //移动到顶部的速度
        /*     iconSpeed : 300, //icon动画样式的速度*/
        animationShow : {
            'transform' : 'translate(0,0)',
            'transition': 'transform .5s ease-in-out'
        }, //icon动画样式显示时
        animationHide : {
            'transform' : 'translate(80px,0)',
            'transition': 'transform .5s ease-in-out'
        } //icon动画样式隐藏时
    });
</script> -->

 <!--页面滚动js-->
<script>
    AOS.init({
      easing: 'ease-out-back',
      duration: 1000
    });
  </script>

</body>
</html>







